@charset "utf-8";
.desk {
	/*border: 1px solid #000000;*/
	position: relative;
	width: 100%;
	height: 100%;
	transform-origin: center;
	/*background: gray;*/
}
/*用于座位旋转*/
.seat {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% -50%);
	width: 50%;
	height: 5%;
	transform-origin: left top;
}
/*座位*/
.seated {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 45%;
	height: 450%;
	float: right;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #e7c598;
	box-shadow: 3px 3px 2px black;
	overflow: hidden;
}
.seated > img{
	display: block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}
/*圆桌*/
.cencir {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	border-radius: 50%;
	background: #e7c598;
	box-shadow: 3px 3px 2px black;
}
/*设置圆桌内字体*/
.desk p{
	color:#c73139;
	font-size: 20px;
	width: 100%;
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/*设置旋转角度*/
.seat1{
	transform: rotate(-90deg);
}
.seat1 div{
	transform: translateY(-50%) rotate(90deg);
}
.seat2{
	transform: rotate(-30deg);
}
.seat2 div{
	transform: translateY(-50%) rotate(30deg);
}
.seat3{
	transform: rotate(30deg);
}
.seat3 div{
	transform: translateY(-50%) rotate(-30deg);
}
.seat4{
	transform: rotate(90deg);
}
.seat4 div{
	transform: translateY(-50%) rotate(-90deg);
}
.seat5{
	transform: rotate(150deg);
}
.seat5 div{
	transform: translateY(-50%) rotate(-150deg);
}
.seat6{
	transform: rotate(210deg);
}
.seat6 div{
	transform: translateY(-50%) rotate(-210deg);
}









